{include file="user-navi.tpl"}

<div class="site-wrap2 clearfix">
	<div class="box-edit">
		
		{$dzMessage}
		
		<form class="form-horizontal" method="post" enctype="multipart/form-data" action="{'user/avatar'|l}">
			<div class="control-group" style="margin-left:70px">
				<h3 class="title">Thay đổi ảnh đại diện</h3>
				<span>Chọn ảnh từ máy tính của bạn (định dạng JPG, GIF hoặc PNG)</span>
			</div>
			<div class="control-group">
				<div class="fileupload fileupload-new" data-provides="fileupload">
					<div class="fileupload-new thumbnail control-label" style="width: 140px; height: 140px; margin-left:70px;">
					
						{if $u.user_avatar!=''}<img src="{$u.user_avatar|thumb:'crop140x140'}" />{/if}
						
					</div>
					<div class="fileupload-preview fileupload-exists thumbnail control-label" style="max-width: 140px; max-height: 140px; line-height: 20px; margin-left:70px"></div>
					<div class="controls">
						<span class="btn btn-file"><span class="fileupload-new">Chọn ảnh</span><span class="fileupload-exists">Thay ảnh</span><input type="file" name="user_avatar" /></span>
						<a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Xoá ảnh</a>
					</div>
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<div class="formFooterButtons form-inline clearfix">
						<input type="submit" class="hasText Button color1 large ajax pull-left" value="Cập nhật" />
						<a href="{'<front>'|l}" class="hasText Button color2 large ajax pull-left"> <span class="buttonText">Huỷ bỏ</span> </button>
					</div>
				</div>
			</div>
		</form>
	</div>
	<!--site conntainer--> 
</div>
<!-- js files -->
<script src="{'js/bootstrap-fileupload.min.js'|ltpl}" type="text/javascript" charset="utf-8"></script>